<template>
  <div id="app">
	<el-header>
		<h2>啥啥啥餐厅收银系统</h2>
	</el-header>
	<el-container>
		<el-aside>
			<el-menu default-active="1" class="el-menu-demo" mode="vertical" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b">
			  <el-menu-item index="1">工作台</el-menu-item>
			  <el-menu-item index="2">餐品管理</el-menu-item>
			  <el-menu-item index="3">服务人员管理</el-menu-item>
			</el-menu>
		</el-aside>
		<el-main>
			<router-view/>
		</el-main>
	</el-container>
  </div>
</template>

<style lang="less">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

</style>
